<template>
    <el-container class="app-home-page">
      <AsideComp></AsideComp>
  
      <el-container class="is-vertical">
        <HeaderComp></HeaderComp>
  
        <MainComp></MainComp>
      </el-container>
    </el-container>
  </template>
  
  <script>
  // import { Menu as IconMenu, Message, Setting } from '@element-plus/icons-vue'
  import AsideComp from "@/components/HomeComp/AsideComp.vue";
  import HeaderComp from "@/components/HomeComp/HeaderComp.vue";
  import MainComp from "@/components/HomeComp/MainComp.vue";
  
  export default {
    data() {
      return {};
    },
    components: {
      AsideComp,
      HeaderComp,
      MainComp,
    },
  };
  </script>
  
  <style lang="scss" scoped>
  .app-home-page .el-main {
    padding: 0;
  }
  .app-home-page .toolbar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    right: 20px;
  }
  
  .app-home-page {
    height: 100%;
    .home-page-aside {
      ::v-deep .el-scrollbar {
        .el-scrollbar__wrap {
          border-right: 1px solid #2323;
        }
      }
    }
  }
  </style>
  